<template>
  <div class="home">
    <el-row>
      <el-col :span="24">
        <el-alert title="阅读器连接、摄像头调用调试版本，仅供参考！" type="success" effect="dark" :center="true"></el-alert>
      </el-col>
      <!-- <el-col :span="24" class="time">
        <div class="time-item">星期五</div>
        <div class="time-item">12：00</div>
        <div class="time-item">12月20日 二月十四</div>
      </el-col>-->
      <el-col :span="24" class="menu">
        <div class="menu-item">
          <el-button type="primary" size="medium" @click="readerTest">测试阅读器连接</el-button>
        </div>
        <div class="menu-item">
          <el-button type="warning" size="medium">测试摄像头调用</el-button>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "Home",
  methods: {
    readerTest() {
      this.$router.push({name:'Reader'})
    }
  }
};
</script>
<style scoped>
.home {
  width: 100%;
  height: 100%;
  background: url("../assets/image/bg.jpg");
  background-size: 100% 100%;
}
.menu {
  padding-top: 50px;
}
.menu .menu-item {
  text-align: center;
  padding-top: 20px;
}
.time {
  padding-top: 20px;
}
.time .time-item {
  text-align: center;
  color: #ffffff;
  padding: 2px;
}
</style>